import React from "react"
import classNames from 'classnames'
import { FontAwesomeIcon,FontAwesomeIconProps } from '@fortawesome/react-fontawesome'

export type ThemeProps = 'primary' | 'secondary' | 'success' | 'info' | 'danger' | 'light' | 'dark'

export interface IconProps extends FontAwesomeIconProps {
    theme?: ThemeProps
}
const Icon :React.FC<IconProps> = (props)=>{
    const {className,theme,...restProps} = props;
    const classes = classNames('lal-icon',className,{
        [`icon-${theme}`]:theme
    })

    return(
        <FontAwesomeIcon className={classes} {...restProps}></FontAwesomeIcon>
    )
}

export default Icon